<!DOCTYPE html>
<!-- supperss ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--<base target="_blank">-->
    <base href="." target="_blank">
    <title>咨询</title>
    <meta name="keywords" content="有贝口腔网,口腔网,口腔知识,口腔资讯,口腔问答,口腔诊所,口腔厂家,在线看牙">
    <meta name="description" content="有贝口腔网是一家专注互联网口腔服务网站，为用户提供腔知识,口腔资讯,口腔问答,口腔诊所,诊所入住,口腔厂家,厂家入住,在线看牙等综合服务口腔网站">
    <link rel="stylesheet" href="./yb_system_css/swiper.min.css">
    <link rel="stylesheet" href="./yb_system_css/reset.css">
    <link rel="stylesheet" href="./yb_system_css/commone.css">
    <link rel="stylesheet" href="./yb_system_css/commtwo.css">
    <link rel="stylesheet" href="./yb_system_css/commthree.css">
    <link rel="shortcut icon" href="http://www.hasbei.com/static/images/icon.png" type="image/x-icon">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="./yb_system_css/zxindex.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="./yb_system_css/zxindex(1).css">
    <script src="./yb_system_js/hm.js"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script src="./yb_system_js/common.js"></script>
    <script src="./yb_system_js/jquery-3.5.1.min.js"></script>
    <script src="./yb_system_js/footfixed.js"></script>
    <script src="./yb_system_js/right-lub.js"></script>
    <script src="./yb_system_js/index.js"></script>
    <script src="./yb_system_js/index(2).js"></script>
    <script src="./yb_system_js/swiper.min.js"></script>
</head>
<body>
<div class="content">
    <div th:replace="public :: header"></div>
    <div class="content-main">
        <div class="main-tab">
            <div class="max-width">
                <ul class="main-tab-ul">
                    <li onclick="clickType(this,10)">
                        <a href="javascript:;"target="_self" class="main-tab-active">今日推荐</a>
                    </li>
                    <li onclick="clickType(this,15)">
                        <a href="javascript:;" target="_self">热门</a>
                    </li>
                    <li onclick="clickType(this,20)">
                        <a href="javascript:;" target="_self">最新</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="man-info">
            <div class="main-tab-left">
                <ul class="main-tab-ul1">
                    <li class="selected"><a th:href="@{/homePage}">咨询</a></li>
                    <li th:each="typeList,typeState:${queryTypeList}" th:if="${typeState.count <= 10}">
                        <a th:href="@{/type(typeId=${typeList.id})}" th:text="${typeList.name}" target="_blank"></a>
                    </li>
                    <li class="more-list">
                        <a href="javascript:void(0);" target="_self">更多</a>
                        <div>
                            <ul>
                                <li th:each="typeList2,typeState:${queryTypeList}" th:if="${typeState.count > 10}">
                                    <a th:href="@{/type(typeId=${typeList2.id})}" th:text="${typeList2.name}"
                                       target="_blank"></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="main-tab-center">
                <!--轮播图隐藏-->
                <div class="swiper-container swiper-container-horizontal" id="case1" style="display:none">
                    <div class="swiper-wrapper" style="transition-duration: 800ms;">
                        <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2">
                            <a href="http://www.hasbei.com/zx"><img src="./yb_system_picture/877f6bf6562c4c7fbb9b30d4bdec7c73.jpg" alt="有贝口腔,爱牙优选,西部口腔展"></a>
                        </div>
                        <div class="swiper-slide" data-swiper-slide-index="0">
                            <a href="http://www.hasbei.com/"><img src="./yb_system_picture/b819a46c0f744bb6af1baffad1518dbb.jpg" alt="有贝口腔网,口腔健康"></a>
                        </div>
                        <div class="swiper-slide" data-swiper-slide-index="1">
                            <a href="http://www.hasbei.com/zx"><img src="./yb_system_picture/acf6ecc1553c484e82d8d4a0218be170.jpg" alt="有贝口腔,爱牙优选,北京丝桐"></a>
                        </div>
                        <div class="swiper-slide" data-swiper-slide-index="2">
                            <a href="http://www.hasbei.com/zx"><img src="./yb_system_picture/877f6bf6562c4c7fbb9b30d4bdec7c73.jpg" alt="有贝口腔,爱牙优选,西部口腔展"></a>
                        </div>
                        <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0">
                            <a href="http://www.hasbei.com/"><img src="./yb_system_picture/b819a46c0f744bb6af1baffad1518dbb.jpg" alt="有贝口腔网,口腔健康"></a>
                        </div>
                    </div>
                    <!-- 导航按钮 上一页下一页 -->
                    <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"></div>
                    <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>
                    <!-- 分页器 -->
                    <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
                    <!-- 滚动条 -->
                    <!-- <div class="swiper-scrollbar"></div> -->
                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                </div>
                <!--文章-->
                <div class="main-info-list" style="margin-top:0px;">
                    <div id="myContentList">
                        <div class="list-item" th:each="article:${articleList}">
                            <div class="list-item-left" th:if="${article.photoPath != ''}">
                                <a th:href="@{/articleDetail(articleId=${article.id})}">
                                    <img th:src="${article.photoPath}" alt="有贝口腔网" th:text="${article.photoPath}">
                                </a>
                            </div>

                            <div class="list-item-right" th:if="${article.photoPath != ''}">
                                <div class="list-item-title">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.title}"></a>
                                </div>
                                <div class="list-item-content-text">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.introduce}"></a>
                                </div>
                                <div class="list-item-info">
                                    <a th:href="@{/type(typeId=${article.typeId})}">
                                        <span class="tui-jian" th:text="${article.name}"></span>
                                    </a>
                                    <a th:href="@{/userHomepage(id=${article.userId})}" class="user-img-name">
                                        <img th:if="${article.userPath == null}" src="./yb_system_picture/user_Default.png">
                                        <img th:if="${article.userPath != null}" th:src="${article.userPath}">
                                        <span class="user-name" th:text="${article.nickname}"></span>
                                    </a>
                                    <div class="ping-lun">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/pinglun.png">
                                            <span th:text="${article.commentNum+'评论'}"></span>
                                        </a>
                                    </div>
                                    <div class="shou-cang">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/shoucang.png">
                                            <span th:text="${article.collectNum+'收藏'}"></span>
                                        </a>
                                    </div>
                                    <div class="yue-du">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/yuedu.png">
                                            <span th:text="${article.readNum+'阅读'}"></span>
                                        </a>
                                    </div>
                                    <span class="dotted">·</span>
                                    <span class="time-before" th:text="${#dates.format(article.publishTime, 'yyyy-MM-dd')}"></span>
                                </div>
                            </div>
                            <div class="item_text" th:if="${article.photoPath == ''}">
                                <div class="list-item-title">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.title}"></a>
                                </div>
                                <div class="list-item-content-text">
                                    <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.introduce}"></a>
                                </div>
                                <div class="list-item-info">
                                    <a th:href="@{/type(typeId=${article.typeId})}">
                                        <span class="tui-jian" th:text="${article.name}"></span>
                                    </a>
                                    <a th:href="@{/userHomepage(id=${article.userId})}" class="user-img-name">
                                        <img th:if="${article.userPath == null}" src="./yb_system_picture/user_Default.png">
                                        <img th:if="${article.userPath != null}" th:src="${article.userPath}">
                                        <span class="user-name" th:text="${article.nickname}"></span>
                                    </a>
                                    <div class="ping-lun">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/pinglun.png">
                                            <span th:text="${article.commentNum+'评论'}"></span>
                                        </a>
                                    </div>
                                    <div class="shou-cang">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/shoucang.png">
                                            <span th:text="${article.collectNum+'收藏'}"></span>
                                        </a>
                                    </div>
                                    <div class="yue-du">
                                        <a th:href="@{/articleDetail(articleId=${article.id})}">
                                            <img src="./yb_system_picture/yuedu.png">
                                            <span th:text="${article.readNum+'阅读'}"></span>
                                        </a>
                                    </div>
                                    <span class="dotted">·</span>
                                    <span class="time-before" th:text="${#dates.format(article.publishTime, 'yyyy-MM-dd')}"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="more-content">
                        <div class="load-more" style="display:none;">
                            <img src="./yb_system_picture/load-more.gif" alt="有贝口腔网">
                            <span>加载中</span>
                        </div>
                        <div class="load-more-two load-more-fade" onclick="loadData()">点击加载更多</div>
                        <div class="no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
                    </div>
                </div>
            </div>
            <div class="aside-left">
                <div class="aside-image">
                    <div class="main-publish">
                        <a th:href="@{/contactUs}" target="_blank">
                            <img src="./yb_system_picture/ad-c.png" alt="有贝口腔网诊所">
                        </a>
                    </div>
                    <div class="main-publish">
                        <a th:href="@{/contactUs}" target="_blank">
                            <img src="./yb_system_picture/ad-d.png" alt="有贝口腔网厂家">
                        </a>
                    </div>
                    <div class="main-publish">
                        <a href="javascript:;" target="_self" onclick="showPlanFun()">
                            <img src="./yb_system_picture/ad-e.png" alt="有贝口腔网在线看牙">
                        </a>
                    </div>
                </div>
                <div class="wonderful-top">
                    <div class="wonderful-top-title">专家推荐</div>
                    <div class="wonderful-list">
                        <div class="wonderful-item" th:each="expertRecommendList:${expertRecommendList}">
                            <a th:href="@{/articleDetail(articleId=${expertRecommendList.id})}">
                                <div class="wonderful-item-img">
                                    <img th:src="${expertRecommendList.photoPath}"  alt="有贝口腔网预防牙周病要做好这些！">
                                </div>
                                <div class="wonderful-item-text" th:text="${expertRecommendList.title}"></div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="wonderful-top">
                    <div class="wonderful-top-title">大家都在看</div>
                    <a th:href="@{/articleDetail(articleId=${list.id})}" th:each="list:${everyoneLookList}">
                        <div class="wonderful-item-style">
                            <div class="wonderful-item-icon"><span></span></div>
                            <div class="wonderful-text" th:text="${list.title}"></div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div th:replace="public::footer"></div>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?4245936cbef31e434e2b387b56dfd7d8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</div>
</body>
</html>